<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>查看一年四季变化</title>
		<style type="text/css">
			#main{position: relative;
			     margin-left: 500px;
				width: 430px;height: 430px;
				border: 1px solid lightgray;
			}
			ul{ margin: 0;padding: 0;
				list-style: none;
			}
			li{float: left; border: 1px solid lightgray;border-top: none; }
			img{
				border-top: 1px solid lightgray;
				border-bottom: 1px solid lightgray;
				padding: 10px;margin:0;
			}
			#li3{clear: both;
				float: left;
			}
			li a{margin-left: 90px;}
			#last{
				position: absolute;
				left:30;top:400px;
				margin-left: 180px;
			}
			
		</style>
	</head>
	<body>
		<div id="main">
			<a id="last" href="javascript:location.reload()">刷新本页</a>
			<ul>
				<li>
					<img src="img/1.jpg" />
					<br />
					<a href="spring.html">春</a>
					
				</li>
				<li>
				<img src="img/2.jpg" />
					<br />
					<a href="summer.html">夏</a>
				</li>
				
				<li id="li3">
					<img src="img/3.jpg" />
					<br />
					<a href="autumn.html">秋</a>
					
				</li>
				
				<li>
					<img src="img/4.jpg" />
					<br />
					<a href="winter.html">冬</a>
				
					
				</li>
					
			</ul>
		
			
			
			
			
			
			
		</div>
		
	</body>
</html>
